<template>
	<div class="p-coopera">
		<!-- 合作申请 用户信息 -->
		<v-info :resource="resource"></v-info>
		<v-userHz :type = 1></v-userHz>
	</div>
</template>
<script>
import { ajaxAdd } from '@/utils/js.js';
import { resumeDetail } from '@/services/api.js';
const log = console.log;
import info from '@/components/userInfo.vue'
import userHz from '@/components/userHz.vue'
export default {
	components:{
		'v-info':info,
		'v-userHz':userHz
	},
	data() {
		return {
			resource: {},
			imgUrl: this.$store.state.imgUrl,
			detail: {userName:''}, //详情数据
		};
	},

	mounted() {
		this.content();
	},
	watch: {
		'$i18n.locale'() {
			this.content();
		}
	},
	methods: {
		content() {
			//简历详情
			ajaxAdd(this, resumeDetail, {}, res => {
				log('简历详情',res.data.resource)
				//基本信息
				if (Object.getOwnPropertyNames(res.data.resource).length > 0) {
					this.resource = res.data.resource;
				}
			});
		},
	}
};
</script>
<style lang="scss">
.company-coopera-content {
	width: 100%;
	min-height: 800px;
	background-color: #fff;
	margin-top: 20px;
	padding: 0 22px;
	.company-coopera-head {
		border-bottom: 1px solid #d1d1d1;
		.company-coopera-date {
			padding: 20px 0;
		}
		.company-coopera-checkout {
			padding-left: 60px;
		}
	}
	.company-coopera-foot {
		padding: 20px 0;
		.company-coopera-left {
			width: 300px;
			.company-coopera-list {
				.company-coopera-item {
					background-color: #f5f5f5;
					padding: 0 20px;
					cursor: pointer;
					border-right: 2px solid transparent;
					.company-coopera-item-box {
						padding: 20px 0;
						border-bottom: 1px solid #d1d1d1;
						.company-coopera-item-title {
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							font-weight: bold;
							margin-bottom: 10px;
						}
					}
				}
				.company-coopera-item:nth-last-of-type(1) .company-coopera-item-box {
					border-bottom: 0;
				}
				.company-coopera-item-On {
					background-color: #ffffff;
					border-right: 2px solid #0f54bc;
				}
			}
			.company-coopera-page {
				padding-top: 12px;
				.el-pagination__jump {
					margin-right: 24px;
				}
			}
		}
		.company-coopera-right {
			flex: 1;
			padding-left: 20px;
			.company-coopera-right-infomation {
				padding-bottom: 30px;
				.photo {
					width: 80px;
					height: 80px;
					overflow: hidden;
					background-color: #9f9f9f;
					img {
						width: 100%;
					}
				}
				.text {
					flex: 1;
					padding-left: 16px;
					p {
						margin: 15px 0;
					}
				}
			}
			.company-coopera-right-box {
				padding: 30px 0;
				border-top: 1px solid #d1d1d1;
				.zmlTitle {
					padding: 0 0 0 16px;
					margin-bottom: 20px;
				}
				.company-coopera-right-box-content {
					padding-left: 16px;
					p {
						color: #666;
						line-height: 22px;
					}
					.text-box {
						width: 50%;
						float: left;
						margin: 6px 0;
					}
				}
			}
		}
	}
}
</style>
